<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0,     maximum-scale=1.0, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <title>
			tab
		</title>
	    <link href="../../lt_all.css" rel="stylesheet"/>
    </head>
	<body>
		<div class="page" title="新闻">
			<div class="panel_header">	
				<div class="button_container">
					<a href='#'>
						<div class='panel_header_button_left back_button'></div>
					</a>
				</div>				
				<span class="character">秒杀</span>	
				<div class="button_container">
					<a href='/'>
						<div class='panel_header_button_right'></div>
					</a>
				</div>
			</div>
			<div class='panel_content'>
				<div class="container">	
					<div class="tab">
						<div class="tab_header">
							<ul>
								<li><a href="#" class="current">全部</a></li>
								<li><a href="#">餐饮</a></li>
								<li><a href="#">服装</a></li>
								<li><a href="#">生产日化</a></li>
								<li><a href="#">餐饮</a></li>
								<li><a href="#">服装</a></li>
								<li><a href="#">生产日化</a></li>
							</ul>
							<div class="clear"></div>
						</div>
						<div class="tab_content_container">
							<div class="tab_content current">
								全部
							</div>
							<div class="tab_content">
								餐饮
							</div>
							<div class="tab_content">
								服装
							</div>
							<div class="tab_content">
								生产日化
							</div>
							<div class="tab_content">
								餐饮
							</div>
							<div class="tab_content">
								服装
							</div>
							<div class="tab_content">
								生产日化
							</div>
						</div>
					</div>
				</div>				
				<hr>				
				<div class="container">	
					<div class="tab">
						<div class="tab_header">
							<ul>
								<li><a href="#" class="on">第二个</a></li>
								<li><a href="#">餐饮</a></li>
								<li><a href="#">服装</a></li>
								<li><a href="#">生产日化</a></li>
								<li><a href="#">餐饮</a></li>
								<li><a href="#">服装</a></li>
								<li><a href="#">生产日化</a></li>
							</ul>
							<div class="clear"></div>
						</div>
						<div class="tab_content_container">
							<div class="tab_content current">
								第二个
							</div>
							<div class="tab_content">
								餐饮
							</div>
							<div class="tab_content">
								服装
							</div>
							<div class="tab_content">
								生产日化
							</div>
							<div class="tab_content">
								餐饮
							</div>
							<div class="tab_content">
								服装
							</div>
							<div class="tab_content">
								生产日化
							</div>
						</div>
					</div>
				</div>				
			</div>
			<div class="panel_footer">
			</div>	
		</div>
		<script type="text/javascript" src="../../../lib/js/jquery.js"></script>
		<script type="text/javascript" src="../../js/jquery.lt_tab.js"></script>
		<script type="text/javascript">
			$(function(){
				$('.tab_header ul').lt_tab({
					width:180
				});
			});
		</script>
	</body>
</html>
